<template>
  <div class="imgrow">
                <Row :gutter="16">
                    <i-col :lg="4" :md="6" :sm="8" :xs="12">
                        <div class="imgbox">
                            <div class="imgboxbg"></div>
                            <router-link to="">
                                <div class="yan"></div>
                            </router-link>
                        </div>
                        <img src="../../static/bg2.jpg" alt="">
                        <p class="catenate">
                            <span>模板号 PCB008</span>
                            <span>案例</span>
                        </p>
                    </i-col>
                    <i-col :lg="4" :md="6" :sm="8" :xs="12">
                        <img src="../../static/bg2.jpg" alt="">
                        <p class="catenate">
                            <span>模板号 PCB008</span>
                            <span>案例</span>
                        </p>
                    </i-col>
                    <i-col :lg="4" :md="6" :sm="8" :xs="12">
                        <img src="../../static/bg2.jpg" alt="">
                        <p class="catenate">
                            <span>模板号 PCB008</span>
                            <span>案例</span>
                        </p>
                    </i-col>
                    <i-col :lg="4" :md="6" :sm="8" :xs="12">
                        <img src="../../static/bg2.jpg" alt="">
                        <p class="catenate">
                            <span>模板号 PCB008</span>
                            <span>案例</span>
                        </p>
                    </i-col>
                    <i-col :lg="4" :md="6" :sm="8" :xs="12">
                        <img src="../../static/bg2.jpg" alt="">
                        <p class="catenate">
                            <span>模板号 PCB008</span>
                            <span>案例</span>
                        </p>
                    </i-col>
                    <i-col :lg="4" :md="6" :sm="8" :xs="12">
                        <img src="../../static/bg2.jpg" alt="">
                        <p class="catenate">
                            <span>模板号 PCB008</span>
                            <span>案例</span>
                        </p>
                    </i-col>
                </Row>
                <Row :gutter="16">
                    <i-col :lg="4" :md="6" :sm="8" :xs="12">
                        <img src="../../static/bg2.jpg" alt="">
                        <p class="catenate">
                            <span>模板号 PCB008</span>
                            <span>案例</span>
                        </p>
                    </i-col>
                    <i-col :lg="4" :md="6" :sm="8" :xs="12">
                        <img src="../../static/bg2.jpg" alt="">
                        <p class="catenate">
                            <span>模板号 PCB008</span>
                            <span>案例</span>
                        </p>
                    </i-col>
                    <i-col :lg="4" :md="6" :sm="8" :xs="12">
                        <img src="../../static/bg2.jpg" alt="">
                        <p class="catenate">
                            <span>模板号 PCB008</span>
                            <span>案例</span>
                        </p>
                    </i-col>
                    <i-col :lg="4" :md="6" :sm="8" :xs="12">
                        <img src="../../static/bg2.jpg" alt="">
                        <p class="catenate">
                            <span>模板号 PCB008</span>
                            <span>案例</span>
                        </p>
                    </i-col>
                    <i-col :lg="4" :md="6" :sm="8" :xs="12">
                        <img src="../../static/bg2.jpg" alt="">
                        <p class="catenate">
                            <span>模板号 PCB008</span>
                            <span>案例</span>
                        </p>
                    </i-col>
                    <i-col :lg="4" :md="6" :sm="8" :xs="12">
                        <img src="../../static/bg2.jpg" alt="">
                        <p class="catenate">
                            <span>模板号 PCB008</span>
                            <span>案例</span>
                        </p>
                    </i-col>
                </Row>
                <Row :gutter="16">
                    <i-col :lg="4" :md="6" :sm="8" :xs="12">
                        <img src="../../static/bg2.jpg" alt="">
                        <p class="catenate">
                            <span>模板号 PCB008</span>
                            <span>案例</span>
                        </p>
                    </i-col>
                    <i-col :lg="4" :md="6" :sm="8" :xs="12">
                        <img src="../../static/bg2.jpg" alt="">
                        <p class="catenate">
                            <span>模板号 PCB008</span>
                            <span>案例</span>
                        </p>
                    </i-col>
                    <i-col :lg="4" :md="6" :sm="8" :xs="12">
                        <img src="../../static/bg2.jpg" alt="">
                        <p class="catenate">
                            <span>模板号 PCB008</span>
                            <span>案例</span>
                        </p>
                    </i-col>
                </Row>
            </div>
</template>
<script>
export default {};
</script>
<style scoped>
.imgrow {
  width:100%;
  margin: 20px auto;
}
.imgrow img{
    width: 100%;
}
.ivu-row{
    margin-left: 0px!important;
    margin-right: 0px!important;
    margin-top: 20px;
}
.catenate{
    position: absolute;
    bottom: 5px;
    left: 8px;
    background: #000;
    color: #fff;
    width: 95%;
}
.catenate span:nth-child(2){
    float: right;
    padding-right: 20px;
}
</style>
